<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>表格练习</title>
		
		<style type="text/css">
			table{
				margin: 0 auto;
				border: 1px solid black;
				border-spacing: 0;
				border-collapse: collapse;
			}
			td{
				border: 1px solid black;
				width: 60px;
				height: 20px;
			}
			th{
				border: 1px solid black;
				width: 60px;
				height: 20px;
			}
			tr:nth-child(even){
				background-color: darkgrey;
			}
			.td:hover{
				background-color: goldenrod;
			}
		</style>
	</head>
	<body>
		<table>
			<tr>
				<th>id</th>
				<th>姓名</th>
				<th>联系方式</th>
			</tr>
			<tr class="td">
				<td>1</td>
				<td>jim</td>
				<td>18700000000</td>
			</tr>
			<tr class="td">
				<td>2</td>
				<td>steve</td>
				<td>18700000000</td>
			</tr>
			<tr class="td">
				<td>3</td>
				<td>jerry</td>
				<td>18700000000</td>
			</tr>
			<tr class="td">
				<td>4</td>
				<td>jack</td>
				<td>18700000000</td>
			</tr>
			<tr class="goBack">
				<td colspan="3" align="right"><a href="index.html">go back</a></td>
			</tr>
		</table>
	</body>
</html>
